<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="en">

	<head>
		<!-- Basic Page Needs
    ================================================== -->
		<meta charset="utf-8">
		<!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>详情页</title>
		<meta name="description" content="KIDS is a clean, modern, and fully responsive Html Template. Take your Startup business website to the next level. It is designed for kindergarten, childcare, homeschooling, school, learning, playground businesses or any type of person or business who wants to showcase their work, services and professional way.">
		<meta name="keywords" content="business, care, childcare, children, clean, corporate, happykids, homeschool, kids, kindergarten, playground, responsive, school, learning">
		<meta name="author" content="rometheme.net">

		<!-- ==============================================
	Favicons
	=============================================== -->
		<link rel="shortcut icon" href="static/images/favicon.ico">
		<link rel="apple-touch-icon" href="static/images/apple-touch-icon.png">
		<link rel="apple-touch-icon" sizes="72x72" href="static/images/apple-touch-icon-72x72.png">
		<link rel="apple-touch-icon" sizes="114x114" href="static/images/apple-touch-icon-114x114.png">

		<!-- ==============================================
	CSS VENDOR
	=============================================== -->
		<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
		<link rel="stylesheet" type="text/css" href="static/css/vendor/owl.carousel.min.css">
		<link rel="stylesheet" type="text/css" href="static/css/vendor/owl.theme.default.min.css">
		<link rel="stylesheet" type="text/css" href="static/css/vendor/magnific-popup.css">
		<link rel="stylesheet" type="text/css" href="static/css/vendor/animate.min.css">

		<!-- ==============================================
	Custom Stylesheet
	=============================================== -->
		<link rel="stylesheet" type="text/css" href="static/css/style.css" />

		<script src="static/js/vendor/modernizr.min.js"></script>
	</head>

	<body>

		<!-- LOAD PAGE -->
		<div class="animationload">
			<div class="loader"></div>
		</div>

		<!-- BACK TO TOP SECTION -->
		<a href="#0" class="cd-top cd-is-visible cd-fade-out">Top</a>

		<!-- HEADER -->
		<div class="header header-1">

			<!-- NAVBAR SECTION -->
			<div class="navbar-main">
				<div class="container">
					<nav id="navbar-example" class="navbar navbar-expand-lg">
						<a class="navbar-brand" href="index.jsp">
							<img src="static/images/logos.png" alt="">
						</a>
						<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
			            <span class="navbar-toggler-icon"></span>
			        </button>
						<div class="collapse navbar-collapse" id="navbarNavDropdown">
							<ul class="navbar-nav ml-auto">
								<li class="nav-item">
									<a class="nav-link" href="index.jsp">主页</a>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="selectAllPublishs">树洞</a>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="selectAllArts">解忧师</a>
								</li>
								<li class="nav-item dropdown dmenu">
									<a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
										获取更多
									</a>
									<div class="dropdown-menu">
										<a class="dropdown-item" href="faq.jsp">烦恼解答</a>									
										<a class="dropdown-item" href="love.jsp">情感烦恼</a>
										<a class="dropdown-item" href="family.jsp">家庭关系</a>
										<a class="dropdown-item" href="relationship.jsp">人际关系烦恼</a>
										<a class="dropdown-item" href="occupation.jsp">职业规划烦恼</a>
										<a class="dropdown-item" href="school.jsp">学校生活烦恼</a>										
										<a class="dropdown-item" href="pressure.jsp">学业竞争压力</a>							
									</div>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="contact.jsp">发帖求助 </a>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="person.jsp">个人信息</a>
								</li>
							</ul>
						</div>
					</nav>
					<!-- -->

				</div>
			</div>

		</div>

		<!-- BANNER -->
		<div class="section banner-page" data-background="static/images/banner-single.jpg">
			<div class="content-wrap pos-relative">
				<div class="d-flex justify-content-center bd-highlight mb-3">
					<div class="title-page">帖子信息</div>
				</div>
				<div class="d-flex justify-content-center bd-highlight mb-3">
					<nav aria-label="breadcrumb">
						<ol class="breadcrumb ">
							<li class="breadcrumb-item">
								<a href="index.jsp">主页</a>
							</li>
							<li class="breadcrumb-item active" aria-current="page">帖子信息</li>
						</ol>
					</nav>
				</div>
			</div>
		</div>

		<!-- CONTENT -->
		<div id="class" class="">
			<div class="content-wrap">
				<div class="container">
					<div class="row">

						<div class="col-sm-12 col-md-12 col-lg-9">

							<div class="single-news">
								<div class="media">
									<img src="static/images/${publish1.listimg }" alt="" class="rounded img-fluid">
								</div>
								<h2 class="title">${publish1.ptype }</h2>
								<div class="meta-date">${publish1.ptime }</div>
                                <%-- <p> ${publish1.pid }拿到ID</p> --%>
								<p>${publish1.pcontent } 内容</p>
								<!-- <blockquote>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
									<footer>Carol Mongol</footer>
								</blockquote> -->
								<div class="margin-bottom-50"></div>
							</div>
							
							<!-- end author box -->

							<div id="div1" class="comments-box">
								<h4 class="title-heading">精彩评论 <span>(3)</span></h4>
								 <!--  <a href="selectPublishAndDiscussById">sfdctfvgg</a> -->
	                            <c:forEach items="${publishd2.discussList}" var="p">
	                            
								
								<div class="media comment">
									<img class="mr-3" alt="80x80" src="static/images/${p.art.listimg}" style="width: 64px; height: 64px;">
									<div class="media-body">
										<h5 class="media-heading mt-0 mb-1">${p.art.username}<small class="date">${p.dtime }</small>
	                                </h5> ${p.dcontent }
									</div>
								</div>
								
								
                              </c:forEach>
							</div>
							<!-- end comment -->

							<div class="leave-comment-box">
								<h4 class="title-heading">留下评论</h4>
								<form action="addDiscuss"  class="form-comment" method="post">
								
								<input type="hidden" name="a_id"  value="${art.aid}" >
								<input type="hidden" name="p_id"  value="${publish1.pid }" >
									<div class="row">										
										<div class="col-xs-12 col-md-12">
											<div class="form-group">
												<textarea id="message" name="dcontent" class="inputtext form-control" rows="6" placeholder="说点什么..."></textarea>
											</div>
										<!-- 	<input type="date" id="ajax_time" name="dtime"> -->
										</div>
										<div class="col-xs-12 col-md-12">
											<div class="form-group">
												<button id="send" type="submit" class="btn btn-primary" >评论</button>
											</div>
										</div>
									</div>
								</form>

							</div>
							<!-- end leave comment -->

						</div>

						<div class="col-sm-12 col-md-12 col-lg-3">

							

							<div class="widget widget-text">
								<div class="widget-title">
									Text Widget
								</div>
								<p><strong>Pets is responsive multi-purpose HTML5 template compatible with Bootstrap 4. Take your Startup business website to the next level. it is designed for pet care, clinic, veterinary, shop, store, adopt, food, pets, businesses or any type of person or business who wants to showcase their work, services and professional way.</strong></p>
								<p>Nam efficitur orci quis leo tincidunt, ac lacinia purus aliquet. Nam pellentesque pretium nibh cursus diam dapibus a.</p>
							</div>

							<div class="widget tags">
								<div class="widget-title">
									标签
								</div>
								<div class="tagcloud">
									<a href="#" title="3 topics">情感问题</a>
									<a href="#" title="1 topic">心情烦恼</a>
									<a href="#" title="1 topic">抑郁</a>
									<a href="#" title="4 topics">精品帖子</a>
									<a href="#" title="2 topics">家庭成长</a>
									<a href="#" title="1 topic">校园生活</a>	
								</div>
							</div>
						</div>
						<!-- end sidebar -->

					</div>

				</div>
			</div>
		</div>

		<!-- CTA -->
		<div class="section bg-tertiary">
			<div class="content-wrap py-5">
				<div class="container">
					<div class="row align-items-center">
						<div class="col-sm-12 col-md-12">
							<div class="cta-1">
								<div class="body-text mb-3">
									<h3 class="my-1 text-secondary">马上解决解决你的烦恼!</h3>
									<p class="uk18 mb-0 text-white">有烦恼就上解忧杂货铺!</p>
								</div>
								<div class="body-action">
									<a href="contact.jsp" class="btn btn-primary mt-3">发帖求助</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

	

		<!-- JS VENDOR -->
		<script src="static/js/vendor/jquery.min.js"></script>
		<script src="static/js/vendor/bootstrap.min.js"></script>
		<script src="static/js/vendor/owl.carousel.js"></script>
		<script src="static/js/vendor/jquery.magnific-popup.min.js"></script>
		<script src="static/js/vendor/isotope.pkgd.min.js"></script>
		<script src="static/js/vendor/imagesloaded.pkgd.min.js"></script>

		<!-- SENDMAIL -->
		<script src="static/js/vendor/validator.min.js"></script>
		<script src="static/js/vendor/form-scripts.js"></script>

		<script src="static/js/script.js"></script>

	</body>

</html>